.container {
  padding: 100rpx 60rpx;
  min-height: 100vh;
  background-color: #fff;
}

// 页面头部
.header {
  margin-bottom: 60rpx;

  .title {
    color: #191919;
    font-size: 54rpx;
  }

  .sub-title {
    margin-top: 20rpx;
    color: #b3b3b3;
    font-size: 28rpx;
  }
}

// 输入框元素=> ::v-deep覆盖uni-ui组件样式
::v-deep .uni-forms-item__content {
  display: flex;
  padding: 18rpx;
  border-bottom: 1rpx solid #f3f1f2;
  margin-bottom: 30rpx;
  height: 96rpx;

  .is-input-border {
    border: 0;
  }

  .uni-easyinput__content-input {
    font-size: 28rpx;
    letter-spacing: 1rpx;
    flex: 1;
    height: 100%;
    border: none;
  }

  &--parts {
    min-width: 100rpx;
    height: 100%;
  }

  // 图形验证码
  .captcha {
    height: 100%;

    .image {
      display: block;
      width: 192rpx;
      height: 100%;
    }
  }

  // 短信验证码
  .captcha-sms {
    font-size: 28rpx;
    line-height: 50rpx;
    padding-right: 20rpx;

    .activate {
      color: #cea26a;
    }

    .un-activate {
      color: #9e9e9e;
    }
  }
}

// 登录按钮
.login-button {
  width: 100%;
  height: 86rpx;
  margin-top: 80rpx;
  background: linear-gradient(to right, #ecb53c, #ff9211);
  color: #fff;
  border-radius: 80rpx;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  letter-spacing: 5rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
